import React from "react";
import { Link } from "react-router-dom";

const NotFound: React.FC = () => {
  return (
    <div className="flex flex-col items-center justify-center min-h-[60vh] px-4 py-8">
      <h1 className="text-6xl font-bold text-gray-700 mb-4">404</h1>
      <p className="text-xl text-gray-500 mb-6">页面未找到</p>
      <p className="text-base text-gray-400 mb-8">
        您访问的页面不存在或已被移除
      </p>
      <Link
        to="/"
        className="px-6 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors"
      >
        返回首页
      </Link>
    </div>
  );
};

export default NotFound;
